<template>
  <div id="container">
      <Header></Header>
      <el-container>
        <Aside></Aside>
        <Main></Main>
      </el-container>
  </div>
</template>

<script>
import Header from '@/components/content/header';
import Aside from '@/components/content/home-container/aside';
import Main from '@/components/content/home-container/main';

export default {
  components: {
    Header,
    Aside,
    Main,
  },
};
</script>

<style lang="scss">
.cliarfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#container {
  width: 100%;
  height: 100%;
  &> v::deep .el-container {
    width: 100%;
    flex-wrap: wrap;
  }
}
</style>
